<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>数据分析页面</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-4 col-xs-1"></div>
      <div class="col-md-4 col-xs-11">
        <h3>数据分析</h3>
    </div>
        <div class="col-md-4"></div>
    </div>

    <div class="row">
        <div class="col-md-3"></div>
            <div class="col-md-6 col-xs-12">
                <table class="table table-hover">

                    <tr>
                        <th><h4 style="color: red">数据集名称(name)</h4></th>
                        <th><h4 style="color: red">分析说明(result)</h4></th>
                    </tr>
                    <tr>
                        <td>商品数据</td>
                        <td><a href="{% url 'date' %}">生成的数据bar图</a></td>
                    </tr>
                    <tr>
                        <td>商品数据</td>
                        <td><a href="{%url '4' %}">每种商品的销售个数,生成的数据bar图</a></td>
                    </tr>
                    <tr>
                        <td>商品数据</td>
                        <td><a href="{%url '5' %}">每种商品的销售金额,生成的数据bar图</a></td>
                    </tr>
                     <tr>
                        <td>商品数据</td>
                        <td><a href="{%url '6' %}">每种商品销售金额在流水总额中所占的比例,生成的数据pie图</a></td>
                    </tr>
                    <tr>
                        <td>商品数据</td>
                        <td><a href="{%url '7' %}">每个定单金额,生成的数据bar图</a></td>
                    </tr>
                      <tr>
                        <td>商品数据</td>
                        <td><a href="{%url '8' %}">“Chicken Bowl”每种配料选择的次数，及所占比例,生成的数据pie图</a></td>
                    </tr>
                </table>
        </div>
        <div class="col-md-3"></div>
 <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    </div>
</div>
</body>
</html>